<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      input{width: 200px;}
    </style>
</head>
<body style="width: 680px;">

<form>
  <fieldset>
    <legend>发货信息</legend>
    <table>
      <tr>
        <td>货主</td> <td><input type="text" value="王五"></td> <td>快捷输入：<button>张三</button> <button>李四</button> <button>...展开更多</button></td>
      </tr>
      <tr>
        <td>头数</td> <td><input type="text" value="140"><td>快捷输入：<button>100</button> <button>80</button> <button>...</button></td>
      </tr>
      <tr>
        <td>车牌</td> <td><input type="text" value="闽HAM654"><td>快捷输入：<button>闽D851SC</button> <button>闽A88801</button> <button>...展开更多</button></td>
      </tr>
      <tr>
        <td>备注</td> <td><input type="text" value="大猪100只，小猪40只，五只受伤"></td>
      </tr>
    </table>
  </fieldset>
  <fieldset>
    <legend>屠宰场信息</legend>

    <table>
      <tr>
        <td></td>
        <td>
          快捷输入
          <select>
              <option value="2630500">福建/南平/延平 XX定点屠宰有限公司</option>
              <option value="2630500">福建/南平/建阳 YY定点屠宰有限公司</option>
              <option value="2630500">福建/福州/延平 ZZ定点屠宰有限公司</option>
              <option value="2630500">福建/三明/延平 AA定点屠宰有限公司</option>
              <option value="2630500">福建/南平/延平 BB定点屠宰有限公司</option>
            </optgroup>
          </select>
        </td>
      </tr>
      <tr>
        <td>省市区县</td>
        <td>
          <select id="provinceSelect">
            <optgroup label="最近使用">
              <option value="2630500">F.福建</option>
            </optgroup>
            <optgroup label="全国">
              <option value="2630100">A.安徽</option><option value="2630300">B.北京</option><option value="2630400">C.重庆</option><option value="2630500">F.福建</option><option value="2630600">G.广东</option><option value="2630700">G.甘肃</option><option value="2630800">G.广西</option><option value="2630900">G.贵州</option>
              <option value="2631000">H.湖北</option><option value="2631100">河北</option><option value="2631200">黑龙江</option><option value="2631300">湖南</option><option value="2631400">河南</option><option value="2631500">海南</option><option value="2631600">吉林</option><option value="2631700">江苏</option>
              <option value="2631800">江西</option><option value="2631900">辽宁</option><option value="2632000">内蒙古</option><option value="2632100">宁夏</option><option value="2632200">青海</option><option value="2632300">四川</option><option value="2632400">山东</option><option value="2632500">上海</option>
              <option value="2632600">陕西</option><option value="2632700">山西</option><option value="2632800">天津</option><option value="2633000">西藏</option><option value="2633200">新疆</option><option value="2633300">云南</option><option value="2633400">浙江</option><option value="2633100" new="1">香港</option>
              <option value="2630200" new="1">澳门</option><option value="2632900" new="1">台湾</option>
            </optgroup>
          </select>

          <select>
            <optgroup label="最近使用">
              <option value="2630500">南平</option>
            </optgroup>
            <optgroup label="全部">
              <option value="2630200" new="1">南平</option>
              <option value="2632900" new="1">福州</option>
              <option value="2632900" new="1">厦门</option>
              <option value="2632900" new="1">漳州</option>
              <option value="2632900" new="1">宁德</option>
              <option value="2632900" new="1">三明</option>
            </optgroup>
          </select>
          <select>
            <optgroup label="最近使用">
              <option value="2630500">延平</option>
            </optgroup>
            <optgroup label="全部">
              <option value="2630200" new="1">建阳</option>
              <option value="2632900" new="1">政和</option>
              <option value="2632900" new="1">建瓯</option>
            </optgroup>
          </select>

        </td>
      </tr>
      <tr>
        <td>街道/公司</td>
        <td>
          <input type="text" value="XX定点屠宰有限公司">
        </td>
      </tr>
      <tr>
        <td>电话</td>
        <td>
          <input type="text" value="13907667333">
        </td>
      </tr>
      <tr>
        <td>联系人</td>
        <td>
          <input type="text" value="张三">
        </td>
      </tr>
    </table>

  </fieldset>

  <fieldset>
    <legend>补充信息（仅自己可见）</legend>
    <table>
      <tr>
        <td>备注</td> <td><textarea style="width: 200px;height: 50px;">此单防疫证有错，晚上9点小北会重新做过</textarea></td>
      </tr>
    </table>
  </fieldset>
 <button style="margin: 20px;" onclick="alert('已保存，你可以在我的货单记录列表中分享给好友')">保存</button> <button style="margin: 20px;" onclick="alert('请选择要分享的微信好友')">保存并分享</button>
</form>

</body>
</html>
